@charset "utf-8";
/* CSS Document */
/*-------------首页-------------*/
h2{ font-size: 20px;}
/*顶部导航*/
header{height: 70px; background: #fff; position: relative; z-index: 999;}
header .logo{ width: 200px; height: 42px; display: block; float: left;margin: 14px 30px 0 0; position: absolute; z-index: 11;}
header .logo a{ width: 200px; height: 42px; background: url("/images/sex_custom.png") 0 0; *background: url("/images/sex_custom1.png") 0 0; background-size: 300px 90px;  display: block;}
header ul{ width:490px;height: 70px; overflow: hidden; display:block; float: left; line-height: 70px;}
header ul li{display: block; float: left; color:#EF4C4D; padding-right: 15px; white-space: nowrap;}
header .WeChat{ width: 320px; display: block;float: right;text-align: right; line-height: 70px; color: #999;   margin-right: 0;  position: relative; padding-right: 50px;}
header .header_search { width: 240px; display: block; float: right;   margin-top: 15px;}
header .header_search .topLayerTxt {margin: 0 !important; float: left}
header .header_search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search-btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 200px;  *width: 165px; _width: 162px;    height: 40px; *height:38px; line-height: 40px;   border: 1px solid #ddd;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .search_btn {  width: 40px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #ddd;  cursor: pointer; _background: #F16666;   background: #ddd url(/images/sex_custom.png) -210px 0; *background: #ddd url(/images/sex_custom1.png) -210px 0; background-size: 300px 90px; position: relative;  outline: 0}
header .search_btn:hover {  background: #F16666 url(/images/sex_custom.png)  -210px 0; *background: #ddd url(/images/sex_custom1.png) -210px 0; background-size: 300px 90px;   border: 1px solid #EF4C4D}
/*顶部大背景图上内容*/
/*分类导航*/
.topbox{ width: 100%; height:auto; padding-bottom: 40px; background: url("/images/sex_bg.jpg") center; position: relative;}
.topbox .bg{width: 36px; height: 14px; display: block; background: url(/images/sex_custom.png) -250px -50px; *background: url(/images/sex_custom1.png) -250px -50px; background-size: 300px 90px; position: absolute; left: 50%; margin-left: -18px;bottom: -14px; _bottom: -20px;}
.subnav{padding: 40px 0;}
.subnav li{ display: block; float: left; width: 25%; *width: 24.9%;}
.subnav li span{display:block; float: left; width: 70px; height: 70px; border-radius: 35px; margin:3px 15px 0 0;}
.subnav li span em{width: 40px; height: 40px; display: block; margin: 15px;}
.subnav li .span1{background: #FA5056;}
.subnav li .span2{background: #94C943;}
.subnav li .span3{background: #73A4F1;}
.subnav li .span4{background: #C067F0;}
.subnav li .span1 em{ background: url("/images/sex_custom.png") no-repeat -10px -50px; *background: url("/images/sex_custom1.png") no-repeat -10px -50px;  background-size: 300px 90px; }
.subnav li .span2 em{ background: url("/images/sex_custom.png") no-repeat -50px -50px; *background: url("/images/sex_custom1.png") no-repeat -50px -50px; background-size: 300px 90px; }
.subnav li .span3 em{ background: url("/images/sex_custom.png") no-repeat -90px -50px; *background: url("/images/sex_custom1.png") no-repeat -90px -50px; background-size: 300px 90px; }
.subnav li .span4 em{ background: url("/images/sex_custom.png") no-repeat -130px -50px; *background: url("/images/sex_custom1.png") no-repeat -130px -50px; background-size: 300px 90px; }
.subnav li ul{display: block; float: left; width: 200px;}
.subnav li ul h3{font-size: 18px; padding-bottom: 6px;  color: #fff;}
.subnav li ul li{width: 50%; display:block; float: left; line-height: 22px;}
.subnav li ul li a{ color:#E8E9EB;}
.subnav li ul li a:hover{ color: #fff; text-decoration: underline;}
@media(max-width: 1199px) {
    .subnav li ul{width: 155px;}
}

.topbox .btn{ height: 470px; padding: 20px 0 0 10px; background: #E9E6E5;}
.topbox .btn .left{width: 520px; height: 330px; display: block; float: left; background: url("../images/bg2.png") no-repeat; }
.topbox .btn .left ul li {display: block; float: left; width:250px; height: 220px; text-align: center; line-height: 34px; overflow:hidden; color: #666; padding-left: 10px; font-size: 16px; margin-bottom: 15px;}
.topbox .btn .left ul li span{width: 250px; height: 172px; display: block; overflow: hidden; margin-bottom: 6px;}
.topbox .btn .left ul li span img{width: 100%; height: auto; min-height: 172px;}

@media(max-width: 1199px) {
	.topbox .btn{ height: 420px; padding: 20px 0 0 10px;}
    .topbox .btn .left{width: 420px; height: 330px; }
    .topbox .btn .left ul li {width:200px; height: 190px; line-height: 20px; font-size: 14px;}
    .topbox .btn .left ul li span{width: 200px; height: 140px; margin-bottom: 10px;}
    .topbox .btn .left ul li span img{min-height: 140px;}
}


/*顶部右侧内容*/
.topbox .btn .right{ width: 600px; padding: 10px 30px 0 30px; display: block; float: right;}
.topbox .btn article{position: relative; display: block;}
.topbox .btn article h2{ display: block; overflow: hidden; font-size: 24px; height: 36px; line-height: 36px; text-align: center; }
.topbox .btn article .span1{width: 52px; height: 4px; display:block; left: 50%; margin-left: -26px; position: absolute; top: 50px; overflow:hidden;background:url(/images/sex_custom.png) -170px -45px; *background:url(/images/sex_custom1.png) -170px -45px;  background-size: 300px 90px;}
.topbox .btn article p{padding-top: 40px; height: 70px; display: block; overflow: hidden; color: #666;}
.topbox .btn article p span{ width: 12px; height: 10px; display:block; float: left; background: url(/images/sex_custom.png) -250px -80px; *background: url(/images/sex_custom1.png) -250px -80px;background-size: 300px 90px; margin: 4px 10px 0 0;}
/*选项卡*/
.tabs{padding-top: 40px; position: relative;}
.tabs .TabTitle{ width:100px; display: block; position: absolute; left: 0; top: 60px; z-index: 1;}
.tabs .TabTitle li{text-align:center; width:100px; overflow:hidden; background:#151515;line-height:40px;height:40px; margin-bottom: 10px; font-size: 16px;}
.tabs .TabTitle li a{display:block;color:#ddd;}
.tabs .TabTitle .ui-state-active a, .active a{background:#F16666 url(/images/sex_custom.png) no-repeat 0 -40px; *background:#F16666 url(/images/sex_custom1.png) no-repeat 0 -40px;background-position: 90px -50px; background-size: 300px 90px; color:#fff;	font-weight:bold;}
/*选项卡内容*/
.tabs_con{width: 475px;  height: 220px; padding: 20px 0 0 25px; display: block; background: #fff; position: absolute; left: 100px;}
.tabs_con ul {height: 160px; width: auto; display: block; overflow: hidden;}
.tabs_con ul li{width: 44%; padding: 0 3.2% 0 2.8%; display: block; float: left; height: 40px;line-height: 40px; overflow: hidden; background: url(/images/sex_custom.png) no-repeat -290px -40px; *background: url(/images/sex_custom1.png) no-repeat -290px -40px; background-size: 300px 90px;}
.tabs_con .more{display: block; position: absolute; bottom: 20px; right: -8px; width: 66px; height: 28px; padding-top: 8px; line-height: 28px; text-align: center;background: url(/images/sex_custom.png) no-repeat -180px -50px; *background: url(/images/sex_custom1.png) no-repeat -180px -50px; background-size: 300px 90px;}
.tabs_con .more a{color: #fff;}
.tabs_con .more a:hover{color: #fff; text-decoration: underline;}
/*热门推荐*/
.tabs_con2 ul{}
.tabs_con2 ul li {display: block; float: left; width:140px; height:160px; text-align: center; line-height: 20px; overflow:hidden; color: #666; padding:0 15px 0 0;background: none;}
.tabs_con2  ul li span{width: 140px; height: 96px; display: block; overflow: hidden; margin-bottom: 5px;}
.tabs_con2  ul li span img{width: 100%; height: auto; min-height:96px;}


@media(max-width: 1199px) {
	.tabs{padding-top: 30px;}
    .topbox .btn .right{ width: 500px; padding: 10px 30px 0 30px; }
	.topbox .btn article p{padding-top: 30px; height:50px;}
	.tabs_con{width: 380px; height: 210px; padding: 20px 0px 0 20px;}
	/*热门推荐*/
	.tabs_con2 ul{margin-left: -5px;}
	.tabs_con2 ul li { width:120px; padding:5px 6px 0 0;}
    .tabs_con2 ul li span{width: 120px; height: 82px;}
    .tabs_con2 ul li span img{min-height:82px;}

	
}



/*中间板块内容*/
.box{ padding: 50px 0 45px 0;}
.box_bg{background: #F8F8F8;}
.padding{padding-right: 40px;}

/*大标题*/
.title{ line-height: 40px;  text-align: center; padding-bottom: 30px; position: relative;}
.title h2{ font-size: 36px; color: #ef634d;}
.title span{display: block; position: absolute;  width:40px; height: 3px; left: 50%; _left:6%; margin-left: -20px; top: 50px; background: #BFBFC2; overflow: hidden;}
.title p{text-align: center; line-height: 30px; padding-top: 25px; font-size: 16px; display: block;}
.title p a{color: #666;padding: 0 15px;}
.title p a:hover{color: #ef634d;}

.box .left,.box .right{width: 300px; display: block; float: left;}
.box .center{width: 510px; display: block; float: left; overflow: hidden;}
/*左侧内容*/
.box .left article{ height: 110px; display: block;overflow: hidden;border-bottom: 1px solid #EDEDED; padding-bottom: 20px; margin-bottom: 10px; }
.box .left article h3,.box .right section h3,.box .right article h3{font-size: 18px; height: 24px; margin-bottom: 15px; overflow: hidden;}
.box .left article span,.box .right article span{width: 100px;height: 70px; display: block; float: left; margin-right: 15px;}
.box .left article span img,.box .right article span img{width: 100%; height: auto; min-height: 70px;}
.box .left article p,.box .right article p{color: #999; line-height: 24px; height: 70px; overflow: hidden;}
.box .left ul{ display:block; height: 210px; overflow: hidden;}
.box .left ul li{height: 36px; line-height: 36px;overflow: hidden; width: 100%; background: url(/images/sex_custom.png) no-repeat -290px 0; *background: url(/images/sex_custom1.png) no-repeat -290px 0; background-size: 300px 90px; text-indent: 1.2em;}

/*中间内容*/
.box .center .img{width: 525px; height: 160px; display: block;}
.box .center .img ul li {display: block; float: left; width:160px; height: 160px; text-align: center; line-height: 34px; overflow:hidden; color: #666; padding-right: 15px;  margin-bottom: 15px;}
.box .center .img ul li span{width: 160px; height: 110px; display: block; overflow: hidden; margin-bottom: 6px;}
.box .center .img ul li span img{width: 100%; height: auto; min-height: 110px;}

.box .center .btm{border-top: 1px solid #EDEDED; *padding-top:10px; }
.box .center .btm ul{width: 105%; }
.box .center .btm ul li{width: 47%; padding-right: 3%; display: block; float: left; height: 36px; line-height: 36px;overflow: hidden;  background: url(/images/sex_custom.png) no-repeat -290px -40px; *background: url(/images/sex_custom1.png) no-repeat -290px -40px; background-size: 300px 90px; text-indent: 1.2em;}

/*右侧内容*/
.box .right section{height: 100px; border-bottom: 1px solid #EDEDED; margin-bottom: 15px; }
.box .right section p{display: block; position: relative; padding-left: 25px; height: 40px; overflow: hidden; color: #999; line-height: 20px;}
.box .right section p span{width: 12px; height: 10px; display: block; position: absolute; left: 0; top: 0px; background: url(/images/sex_custom.png) -270px -80px; *background: url(/images/sex_custom1.png) -270px -80px; background-size: 300px 90px;}
.box .right section h3{font-size: 18px; height: 24px; margin-bottom: 15px; overflow: hidden;}

@media(max-width:1199px){
	.padding{padding-right: 30px;}
	.box .left,.box .right{width: 240px;}
    .box .center{width: 450px;}
	
	.box .center .img{width: 525px; }
    .box .center .img ul li {width:140px; line-height: 20px;}
    .box .center .img ul li span{width: 140px; height: 96px; }
    .box .center .img ul li span img{min-height: 96px;}

}